/*****************************/
/**   退回到哪个环节选择框   **/
/*****************************/

/** 
 * 调用说明：
 * 1、页面上生成下一环节的选择框，HTML标签或者s标签的都可以，该标签放到form标签外面
 * 2、在页面中引入该js
 * 3、设置back_transformSelectId、back_submitButtonId、back_formId、back_selectorTitle(默认为退回到)这四个参数
 * 4、添加一个ID为posid的隐藏文本，用于接受所选择的下一环节ID
 * 5、实例参考：/app/biz/newcase/newcase-input.jsp
 */
var back_transformSelectId = "backTo";//要转换为Extjs的Select的id
var back_submitButtonId = "btnback"; //点哪个按钮时弹出“提交到”选择框（按钮的id）
var back_formId = "inputForm";//要提交的form的ID
var back_selectorTitle = "退回到"; //选择框的标题
Ext.onReady(function(){
		//根据页面上现存的select标签创建一个ExtJS的select标签
		var back_sub = new Ext.form.ComboBox({
	 					typeAhead: true,
					    triggerAction: 'all',
					    transform:back_transformSelectId,
					    width:135,
					    forceSelection:false
		});
		
	var back_win = null;
	var back_btn = Ext.get(back_submitButtonId);//获取指定ID的对象
	//创建该对象的click事件
	back_btn.on('click', function(){
       if(back_win == null){
           back_win = new Ext.Window({
               title:back_selectorTitle,
               width:200,
               height:100,
               closable:false,
			   modal :'true',
               plain: true,
               items:[back_sub],
               buttons: [{
                   text: '确定',
                   handler: function(){
                   		//当点击确定的时候执行下面的内容
                   	   $("#posid").val(back_sub.getValue());
                       $("#"+back_formId).submit();
                       back_win.hide();
                   }
               	},{
                   text: '关闭',
                   handler: function(){
                       back_win.hide();
                   }
               }]
           });
       }
       back_win.show(this);
   });
});